.container{
	width: 80%;
}
.banner{
	// width: 100%;
	height: 78.375rem;
	position: relative;
	// background: url(../images/banner.jpg)   no-repeat center 100%;
	padding-top: 18.3125rem;
	>img{
		width: 100%;
		position: absolute;
		top:0;
		z-index: 10;
	}
	.dao{
		background-color: rgba(0,0,0,0);
		border: 0;
		position: absolute;
		top: 1.5625rem;
		width: 100%;
		z-index: 100;
		.navbar-right{
			
			li{
				a{
					color: #fff;
					&:hover{
						color: #ccc;
					}
				}
					
				}
			}
		}
	.title{
		font-size: 4.5rem;
		position: absolute;
		top: 17.5rem;
		left: 9%;
		z-index: 90;
		color: #fff;
		line-height: 5.5625rem;
		span{
			font-size: 5.25rem;
		}
	}
	.text{
		font-size: 1.125rem;
		color: #fff;
		position: absolute;
		top: 30.5rem;
		left: 9%;
		z-index: 90;
		line-height: 2.5rem;
		
		position: absolute;
	}
	
	.flexbox{
		//margin: 11.25rem auto;
		position: absolute;
		top: 40rem;
		left: 12%;
		z-index: 90;
		display: flex;
		width: 80%;
		justify-content: space-between;
		// flex-wrap: wrap;
		.pic{
			width: 30%;
			 padding:4rem 2.75rem;
			display: flex;
            align-items: center;
			margin: 0 1rem;
			flex-direction: column;
			box-shadow: 2px 2px 7px #666;
			//border: 1px solid #000;

	     	background-color: #ffffff;
			img{
				height: 7.3125rem;
			}
			p{
				&:nth-child(2){
					font-size: 1.875rem;
					color: #7f7f7f;
					margin: 1.875rem auto;
				}
				&:nth-child(3){
					font-size: 1.125rem;
					color: #5d5d5d;
				}
				&:nth-child(4){
					font-size: 1.5rem;
					color: #7f7f7f;
					width: 70%;
					margin-top: 0.625rem;
					padding: 0.1875rem 0;
					border-radius: 50px;
					text-align: center;
					border: 0.0625rem solid #7f7f7f;
					&:hover{
						background-color: #ffad02;
						border-color: #ffad02;
						color: #fff;
						cursor: pointer;
					}
				}
			}
			
			
		}
	}
	
}
.titles{
						font-size:3rem;
						color: #666;
						line-height:3.4375rem;
						margin: 1.5rem 0;
					}
.part1{
	// text-align: center;
				div{
					
					p{
						&:nth-child(2){
							font-size: 1.125rem;
							color: #666;
							line-height: 2.3125rem;
							margin: 1rem 0;
						}
						&:nth-child(3){
							color: #fff;
							width: 11.5rem;
							height: 3.125rem;
							line-height: 3.125rem;
							background-color: #ffad02;
							font-size: 1.875rem;
							text-align: center;
							border-radius: 50px;
						}
					}
				}
				
			}
.part2{
	// >div{
	// 	text-align: center;
	// }
	img{
		//height: 18.775rem;
		margin-bottom:20px;
	}
	.part2-more{
		//text-align: center;
		p{
			width: 11.5rem;
			height: 3.125rem;
			line-height: 3.125rem;
			font-size: 1.875rem;
			color: #fff;
			//width:184px;
			//height:50px;
			//line-height:50px;
			background-color: #ffad02;
			//font-size:30px;
			text-align: center;
			border-radius: 50px;
			margin: 0 auto;
		}
		
	}
}
.news{
	img{
		margin-bottom: 2.1875rem;
	}
	div{
		margin-bottom: 3.125rem;
		p{
			color: #666;
			&:nth-child(1){
				font-size: 2.25rem;
			}
			&:nth-child(2){
				font-size: 1.125rem;
			}
		}
	}
	
}
.btn1{
		width: 11.5rem;
		height: 3.125rem;
		line-height: 3.125rem;
		line-height:  3.125rem  !important;
		font-size: 1.875rem  !important;
		color: #fff !important;
		background-color: #ffad02;
		text-align: center;
		border-radius: 50px;
		float: right;
	}
.part3{
	margin-top: 3.4375rem;
	margin-bottom: 8.75rem;
	.flexbox1{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		height: 25rem;
	}
	h3{
		font-size: 3rem;
		color: #666;
	}
	p{
		color: #666;
		font-size: 1.125rem;
		line-height: 1.875rem;
		margin-bottom: 1.5625rem;
	}
}
.footer{
	width: 100%;
	// height: 41.125rem;
	padding-bottom: 5rem;
	background-image: linear-gradient(to right,#f28732,#ef5361);
	padding-top: 3.125rem;
	h3{
		font-size: 2.25rem;
		color: #fff;
		text-align: center;
		margin-bottom: 1.5625rem;
	}
		h4{
			font-size: 0.875rem;
			text-align: center;
			line-height: 1.875rem;
			color: #fff;
			margin-bottom: 3.75rem;
		}
		div{
			
			letter-spacing: 0.1875rem;
			color: #fff;
			font-size: 1.25rem;
			input{
				width: 24.0625rem;
				height: 3.125rem;
				border: 0;
				color: #000;
				margin-top: 1.25rem;
				margin-bottom: 2.3125rem;
				&:focus{
					outline: none;
				}
			}
			ul{
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: flex-end;
				li{
					width: 24.0625rem;
				}
			}
			textarea{
				width: 24.0625rem;
				height: 10.8125rem;
				margin-top: 1.25rem;
				border: 0;
				color: #000;
				&:focus{
					outline: none;
				}
				
			}
			button{
				width: 11.875rem;
				height: 3.125rem;
				background-color: #ffad02;
				border: 0;
				margin-top:5.5rem;
			}
			
		}
	
}
@media screen and (max-width: 1300px) {
   html{
	   font-size: 16px;
   }
}
@media screen and (max-width: 1100px) {
   html{
	   font-size: 11px;
   }
   .part1{
      		p{
      			&:nth-child(2){
      			margin:0;
				}
   			}
     }
   .flexbox{
   	   // flex-direction: column;
	   align-items: center;
	 .pic{
		 width: 100%;
		 p{
				// width: 20rem;
				text-align: center;
		 }
	 }
   }
  
}
@media screen and (max-width: 1000px){
	
	.footer{
		   div{
			   text-align: center;
			   ul{
				   align-items: center;
				}
			}
	}
}
@media screen and (max-width: 900px) {
   html{
	   font-size: 8px;
   }
   
}
@media screen and (max-width: 1084px) {
.part1{
   					p{
   						&:nth-child(2){
   			
   							margin: 1.875rem 0;
   						}
						}
  }
  }
@media screen and (max-width: 768px) {
	 .navbar-right{
	   z-index: 100;
	   background-color:rgba(204,85,87,.8);
	   li{
		   text-align: right;
	   }
   }
   .title{
	   z-index: 90;
   }
   .part2{
	   img{
		   width: 78%;	   
		   margin: 0 auto;
		   margin-bottom:20px;
	   }
   }
   
   
}
@media screen and (max-width: 700px) {
   html{
	   font-size: 7px;
   }
   .banner{
   	// width: 100%;
   	height: 88.375rem;
	.title{
		font-size: 3rem;
		top: 11.5rem;		
	}
	.text{
		top: 23.5rem;
		
	}
	}
	
	
}
